@import "menu";

.q-layout {
  header {
    left: 0 !important;
  }
}
.q-layout-header {
  min-width: 550px;
  box-shadow: none;
}

.q-layout-page-container, .q-layout-header, .q-item-label {
  font-size: 14px;
}

/**
列表页面顶部toolbar
*/
.page-top-toolbar {
  position: relative;
  background: #fff;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  .base-row {
    padding: 5px 15px 5px 15px;
    height: 40px;
    .ext-search { //用户管理：用户类型
      float: left;
      margin-left: 15px;
    }
    .float-right {
      .q-uploader {
        top: 2px;
      }
      .q-btn {
        box-shadow: none;
        padding-left: 6px;
        padding-right: 6px;
        margin-right: 10px;
      }
    }
    .search {
      width: 300px;
      height: 30px;
      background: #fff;
      float: left;
      border: 1px solid #ccc;
      .search-icon {
        font-size: 25px;
        position: absolute;
        height: 27px;
        padding-left: 10px;
        color: #ccc;
      }
      .q-input {
        .q-icon {
          font-size: 18px;
          padding-bottom: 3px;
          color: #979797 !important;
        }
      }
      .search-input {
        padding-left: 35px;
        padding-bottom: 6px;
      }
      .more {
        padding-top: 2px;
      }
      .op-item {
        margin-left: 10px;
      }
      .on-left {
        margin-right: 5px;
      }
    }
  }
}

/**
文件上传、输入框下划线
 */
.q-if:before, .q-if:after {
  background: none;
}

/**
查询控件
 */
.query-bar {
  position: relative;
  padding: 15px;
  margin-bottom: 15px;
  .line-btn {
    margin-left: 15px;
  }
  button {
    padding: 5px 5px 5px 5px;
  }
  .q-select {
    width: 80px;
    float: left;
    margin-right: 50px;
    border: 1px solid #ccc;
    height: 33px;
    line-height: 33px;
    padding: 0;
  }

  .q-if-control {
    height: 33px;
    .q-icon {
      font-size: 16px;
      height: 33px;
      right: 0;
    }
  }
  .q-datetime-input {
    width: 135px;
    float: left;
    padding-bottom: 0;
    height: 33px;
    line-height: 33px;
    border: 1px solid #ccc;
  }
  .q-datetime-input, .q-select {
    .q-input-target, .q-input-shadow {
      display: block;
      text-align: center;
    }
  }
}

.page-toolbar-swap {
  background: #dcdcdc;
  width: 100%;
  height: 5px;
}

/**
右侧滑动
 */
#layout_right {
  background-color: #fff !important;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  width: 75%;
  overflow: auto;
}

#layout_right_fixed_900 {
  background-color: #fff !important;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  width: 900px;
  overflow: auto;
}

#layout_right_min {
  background-color: #fff !important;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  width: 500px;
  overflow: auto;
}

#layout_right_mid {
  background-color: #fff !important;
  box-shadow: -5 0px 5px -3px rgba(0, 0, 0, 0.2),
  -3 0px 10px 1px rgba(0, 0, 0, 0.14), -2 0px 14px 2px rgba(0, 0, 0, 0.12);
  width: 75%;
  overflow: auto;
}

#layout_right_fullScreen {
  background-color: #fff !important;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  width: calc(100% - 60px) !important;
  overflow: auto;
}

.addoverflow {
  height: 96% !important;
  overflow: auto !important;
  .form-group {
    padding-top: 0;
  }
}

//表格输入框
.form-group {
  width: 90%;
  padding-left: 10%;
  padding-top: 30px;
  .label {
    height: 23px;
    color: #6f6f6f;
  }
  .q-select {
    border: 1px solid #ccc;
    height: 33px;
    line-height: 33px;
    padding: 0;
    padding-left: 5px;
    .q-if-control.q-icon {
      height: 34px;
    }
  }
  input {
    color: #000;
    outline: 0;
    border: 1px solid #ccc;
    height: 33px;
    padding-left: 5px;
  }
  .q-chips-input {
    border: 1px solid #ccc;
    padding-bottom: 0;
    .q-if-control.q-icon {
      padding-bottom: 5px;
    }
  }
  .q-input-chips {
    input.q-input-target {
      border: 0;
    }
  }
  .q-if-focused {
    input {
      border: 1px solid #027be3;
    }
  }
  //表单元素
  .item {
    margin-bottom: 25px;
    //表单按钮
    .btn-item {
      float: right;
      margin-right: 15px;
    }
  }
}

//表头效果
.q-table-container {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
  .q-pb-sm, .q-py-sm, .q-pt-sm, .q-py-sm {
    padding: 0;
  }
  .q-table {
    //列表表格顶部控件边框
    .q-table-control {
      border-bottom: 0 !important;
      .q-search {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
      }
    }
    .q-table-col-auto-width, .td-checkbox {
      padding-left: 15px;
      padding-right: 15px;
      margin: 0;
    }
    th {
      font-weight: bold;
    }

    tr {
    }
    thead {
      tr {
        background: #EFEFEF !important;
        height: 33px;
      }
    }
    tbody {
      td {
        height: 33px;
        padding-top: 0;
        padding-bottom: 0;
      }
    }
    .q-checkbox-icon {
      font-size: 18px;
    }
  }
  .q-table-bottom {
    min-height: 0;
    padding: 10px 14px 0 24px;
    .q-pagination {
      .q-btn {
        min-height: 28px;
        min-width: 24px !important;
      }
    }
  }
}

.header-line {
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0px 21px 5px 15px;
  background: #636363;
  color: #fff;
  .title-icon {
    float: left;
    padding-right: 5px;
    height: 35px;
    margin-right: 7px;
  }
  .box-title {
    font-size: 14px;
    letter-spacing: 0.005em;
    font-weight: 400;
    float: left;
    line-height: 35px;
    height: 35px;
  }
  .right-error {
    margin-top: 10px;
    float: right;
  }
  .right-icon {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
  }
}

//右侧滑块
.continner {
  width: 100%;
  height: auto;
}

.btn-line {
  overflow: hidden;
  width: 100%;
  height: 50%;
  margin: 0;
  padding-top: 15px;
  button {
    float: left;
    margin-right: 15px;
    width: 60px;
  }
}

.q-btn {
  box-shadow: none;
  .on-left {
    margin-right: 5px;
  }
}

.q-btn-outline {
  border: 1px solid #9a9a9a;
  color: #757575;
}

.q-btn-rectangle {
  border-radius: 0;
}

/**
自定义tab组件样式
 */
.tab-menu {
  height: 40px;
  background: #b7b7b7;
  padding-top: 10px;
  padding-left: 10px;
  color: #5f5f5f;
  .active, .item:hover {
    background: #53aef7 !important;
    border-color: #53aef7 !important;
    color: #fff !important;
    cursor: pointer;
  }
  .item {
    background: #dbdbdb;
    height: 30px;
    line-height: 30px;
    min-width: 110px;
    float: left;
    margin-right: 5px;
    border: 1px solid #dbdbdb;
    border-top-left-radius: 3px;
    border-top-right-radius: 50px;
    .title {
      text-align: center;
      padding-right: 15px;
    }
    .q-icon {
      font-size: 18px;
      padding-right: 5px;
    }
  }
}

//右侧滑块进度条样式
//.right_sc{
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  /*background-color: #ddd;*/
}

/*滑块*/
::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #A9A9A9;
}

/*滑道*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #F1F1F1;
  border-radius: 10px;
  background-color: #F1F1F1;
}

//}
